<!--
**********************************************************
* @Author: 张小平
* @Date:   2024-05-01
* @Email:  qqshuqian@163.com
* @Last modified: 最后修改日期
* @Description: 文件描述
**********************************************************
-->
<template>
    <div class="user">
        <basic-container>
            <avue-crud
                    v-model="form"
                    v-model:page="page"
                    v-model:search="searchForm"
                    :permission="getPermission"
                    v-bind="bindVal"
                    v-on="onEvent"
                    :option="option"
                    :data="tableData"
                    :span-method="spanMethod"
                    :before-open="beforeOpen"
            >
            </avue-crud>

        </basic-container>


    </div>
</template>

<script>
    import curdMixin from '@/framework-core/mixins/crud';
    import website  from '@/framework-core/config/website';

    export default {
        name: "webMessage",
        mixins: [curdMixin],
        data() {
            return {
                pageConfig:{name:"应用","url":"/webMessage/tWebsiteMessage"},
                searchForm: {},
                loading: false,
                form:{},
                option: {
                    "border": true,
                    "index": true,
                    "indexLabel": "#",
                    "stripe": true,
                    "menuAlign": "center",
                    grid: window.isMobile,
                    gridSpan: 24,
                    "align": "center",
                    "searchMenuSpan": 6,
                    searchEnter: true,
                    "column": [


                        {
                            "type": "select",
                            "label": "消息类型",
                            "prop": "type",
                            "rowMerge":true,
                            "rules": [{
                                required: true,
                                message: '消息类型不能为空',
                                trigger: 'blur'
                            }],
                            dicData: [{
                                label: '消息',
                                value: 1
                            }, {
                                label: '公告',
                                value: 2
                            }],
                            'search': true,
                            "span": 12
                        }
                        ,
                        {
                            "type": "input",
                            "label": "标题",
                            "prop": "title",
                            "rules": [{
                                required: true,
                                message: '标题不能为空',
                                trigger: 'blur'
                            }],
                            'search': true,
                            "span": 12
                        }
                        ,
                        {
                            "type": "input",
                            "label": "链接",
                            "prop": "link",
                            'search': false,
                            "span": 12
                        }

                        ,
                        {
                            "type": "switch",
                            "label": "强制提醒",
                            "prop": "remind",
                            dicData: [
                                {
                                    label: '否',
                                    value: 0
                                }, {
                                    label: '是',
                                    value: 1
                                }],
                            'search': false,
                            "span": 12
                        },
                        // {
                        //     "type": "select",
                        //     "label": "发送类型",
                        //     "prop": "sendType",
                        //     "rules": [{
                        //         required: true,
                        //         message: '发送类型不能为空',
                        //         trigger: 'blur'
                        //     }],
                        //     dicData: [{
                        //         label: ' 租户所有',
                        //         value: "1"
                        //     }, {
                        //         label: '部门',
                        //         value: '2'
                        //     }, {
                        //         label: '角色',
                        //         value: '3'
                        //     }, {
                        //             label: '个人',
                        //             value: '4'
                        //         }],
                        //     'search': false,
                        //     control: (val, form) => {
                        //         if (val * 1 == 2) {
                        //             return {
                        //                 bussId1: {
                        //                     display: true
                        //                 },
                        //                 bussId2: {
                        //                     display: false
                        //                 }
                        //                 ,
                        //                 bussId3: {
                        //                     display: false
                        //                 }
                        //             }
                        //         } else if (val * 1 == 3) {
                        //             return {
                        //                 bussId1: {
                        //                     display: false
                        //                 },
                        //                 bussId2: {
                        //                     display: true
                        //                 }
                        //                 ,
                        //                 bussId3: {
                        //                     display: false
                        //                 }
                        //             }
                        //         } else if (val * 1 == 4) {
                        //             return {
                        //                 bussId1: {
                        //                     display: false
                        //                 },
                        //                 bussId2: {
                        //                     display: false
                        //                 }
                        //                 ,
                        //                 bussId3: {
                        //                     display: true
                        //                 }
                        //             }
                        //         } else {
                        //             return {
                        //                 bussId1: {
                        //                     display: false
                        //                 },
                        //                 bussId2: {
                        //                     display: false
                        //                 }
                        //                 ,
                        //                 bussId3: {
                        //                     display: false
                        //                 }
                        //             }
                        //         }
                        //     },
                        //     "span": 12
                        // },
                        // {
                        //     type: 'orgTreeChoose',
                        //     component: 'orgTreeChoose',
                        //     label: '机构',
                        //     hide:true,
                        //     multiple: true,
                        //     prop: 'bussId1',
                        //     span: 12,
                        // },
                        // {
                        //     type: 'roleTreeChoose',
                        //     component: 'roleTreeChoose',
                        //     label: '角色',
                        //     hide:true,
                        //     multiple:true,
                        //     prop: 'bussId2',
                        //     span: 12,
                        // },
                        // {
                        //     type: 'userChoose',
                        //     component: 'userChoose',
                        //     hide:true,
                        //     label: '用户',
                        //     prop: 'bussId3',
                        //     span: 12,
                        // },
                        //
                        // {
                        //     label: '通知方式',
                        //     prop: 'notity',
                        //     type: 'select',
                        //     multiple: true,
                        //     value: 1,
                        //     collapseTagsTooltip: true,
                        //     dicData: [
                        //         {
                        //             label: 'CHAT',
                        //             value: 1
                        //         }, {
                        //             label: '钉钉',
                        //             value: 2
                        //         }, {
                        //             label: '微信',
                        //             value: 4
                        //         }, {
                        //             label: '邮件',
                        //             value: 8
                        //         }]
                        // },
                        {
                            "type": "ueditor",
                            // 指定插件类型为在线编辑器
                            "component": 'avueUeditor',
                            "label": "内容",
                            "prop": "content",
                            "minWidth": "200px",
                            "span": 24,
                            // 上传路径
                            action:  website.baseUrl+"/api/sys/file/upload",
                            "data": {
                                // 额外参数
                                "folder": "news",
                            },
                            "propsHttp": {
                                // 上传完成返回的json的root
                                "res": "data.data",
                                // 上传完成返回的图片路径
                                "url": "url",
                                // 上传文件名，默认file
                                "fileName": "file",
                            },
                            "customConfig": {
                            },
                            "overHidden": true
                        }


                    ]
                }
            };
        },
        computed: {
            ...mapState({
                permissions: (state) =>state.user.permission,
            })

        },
        created() {
            this.init();
        },
        methods: {
            init() {
            },
            getPermission: function (key, row, index) {
                return this.getCommPermission(key, row, index);
            },

        }
    };
</script>
<style lang="scss">

</style>
